@import '../scss/mixin';
@import '../scss/variable';

.hotGoods {
    background: #fff;
    padding: 0 20px;
    margin-bottom: 20px;

    .item {
        @include wh(100%, 280px);
        @include flex(row, center, center);
        padding: 10px 0;
        @include border1px(top);

        .left {
            @include wh(280px, 100%);

            img {
                @include wh(100%, 100%);
            }
        }

        .right {
            flex: 1;
            height: 100%;
            padding: 50px 0;

            h3,
            p {
                height: 33.33%;
                display: flex;
                align-items: center;
            }

            h3 {

                font-size: $base-size-xl;
            }

            p {
                color: #a9a9a9;
                font-size: $base-size-m;

                b {
                    color: #8b0000;
                    font-size: $base-size-l;
                }
            }
        }
    }
}